<template>
  <div class="bar-and-line-parent">
    <div
      ref="echartsRef"
      :style="{width:echartsWidth+'px',height:echartsHeight+'px'}"
      class="bar-and-line-item"
    />
    <!-- TODO:这里是表格 -->
    <div class="bar-and-line-table" :style="{width:echartsWidth+'px'}">
      <slot name="table"></slot>
    </div>
  </div>
</template>

<script src="./BarAndLine.js"/>

<style>
.bar-and-line-item {
  margin: 0 auto;
  padding-top: 20px;
}

.bar-and-line-table {
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 40px;
}
</style>
